<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Demo</title>
    <!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
    <link href="//unpkg.com/layui@2.8.6/dist/css/layui.css" rel="stylesheet">
</head>
<style>
    .grid-demo {
        height: 200px;
        background-color: green;
    }

    .grid-demo-bg1 {
        background-color: rgb(65, 194, 65);
    }

    .grid-demo-bg2 {
        background-color: rgb(63, 164, 63);
    }

    .grid-demo-bg3 {
        background-color: rgb(131, 232, 131);
    }

    .grid-demo-bg4 {
        background-color: rgb(12, 50, 12);
    }
</style>

<body>
    <div class="layui-row">
        <div class="layui-col-md8">
            <div class="layui-row grid-demo">

                <div class="layui-col-md12">
                    <div class="grid-demo grid-demo-bg3">内部列</div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-row grid-demo grid-demo-bg1">
                <div class="layui-col-md12">
                    <div class="grid-demo2">内部列</div>
                </div>
                <div class="layui-col-md12">
                    <div class="grid-demo2 grid-demo-bg2">内部列</div>
                </div>
                <div class="layui-col-md12">
                    <div class="grid-demo2 grid-demo-bg3">内部列</div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>